<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
</head>
<body>
	<div class="dropdown">
		<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题
			<span class="caret"></span>
		</button>
		<!-- 正常菜单向左对齐 -->
		<ul class="dropdown-menu" role="menu" aria-lableledby="dropdownMenu1">
		<!-- 向右对齐下拉菜单 -->
		<!-- <ul class="dropdown-menu pull-right" role="menu" aria-lableledby="dropdownMenu1"> -->
			<li role="presentation" class="dropdown-header">下拉菜单标题01</li>
			<li role="presentation">
				<a role="menuitem" tabindex="-1" href="http://www.baidu.com">Java</a>
			</li>
			<li role="presentation">
				<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
			</li>
			<li role="presentation">
				<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
			</li>
			<li role="presentation" class="divider"></li>
			<li role="presentation" class="dropdown-header">下拉菜单标题02</li>
			<li role="presentation">
				<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
			</li>
		</ul>
	</div>
</body>
</html>